@charset "UTF-8";
@font-face {
  font-family: roboto-b;
  src: url("../font/Roboto-Bold.ttf"); }

@font-face {
  font-family: roboto-r;
  src: url("../font/Roboto-Regular.ttf"); }

.roboto-b {
  font-family: roboto-b; }

.roboto-r {
  font-family: roboto-r; }

.ellipsis-01 {
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis; }

.ellipsis-02 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.ellipsis-03 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; }

.ellipsis-04 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4; }

@media screen and (min-width: 320px) {
  .pc-box {
    display: none; } }

@media screen and (min-width: 992px) {
  .m-box {
    display: none; }
  .pc-box {
    display: block; } }

@media screen and (min-width: 320px) {
  .banner-box {
    position: relative; }
    .banner-box .swiper-banner .swiper-slide .banner-item {
      width: 100%;
      height: 100vh; }
      .banner-box .swiper-banner .swiper-slide .banner-item .banner-bg {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-size: cover;
        background-position: center; }
      .banner-box .swiper-banner .swiper-slide .banner-item .banner-bg::before {
        content: ' ';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 40%;
        background: linear-gradient(rgba(0, 69, 172, 0), #0045ac); }
      .banner-box .swiper-banner .swiper-slide .banner-item .banner-mess {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 15vh;
        z-index: 2; }
        .banner-box .swiper-banner .swiper-slide .banner-item .banner-mess .banner-txt {
          width: 100%; }
          .banner-box .swiper-banner .swiper-slide .banner-item .banner-mess .banner-txt img {
            width: 100%; }
        .banner-box .swiper-banner .swiper-slide .banner-item .banner-mess .banner-link {
          padding-top: 30px; }
    .banner-box .pagination-box {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 7vh;
      z-index: 2; }
      .banner-box .pagination-box .banner-pagination {
        line-height: 0;
        margin: 0 -4px; }
        .banner-box .pagination-box .banner-pagination .swiper-pagination-bullet {
          width: 8px;
          height: 8px;
          border-radius: 50%;
          background: #fff;
          opacity: 1;
          margin: 0 4px; }
        .banner-box .pagination-box .banner-pagination .swiper-pagination-bullet-active {
          background: #a0cc3f; } }

@media screen and (min-width: 992px) {
  .banner-box .swiper-banner .swiper-slide .banner-item .banner-bg::before {
    left: 0;
    right: 40%;
    bottom: 0;
    top: 0;
    background: linear-gradient(-90deg, rgba(0, 69, 172, 0), #0045ac); }
  .banner-box .swiper-banner .swiper-slide .banner-item .banner-mess {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
    align-items: center;
    z-index: 2;
    padding-top: 80px; }
    .banner-box .swiper-banner .swiper-slide .banner-item .banner-mess .banner-mess-w {
      width: 100%; }
    .banner-box .swiper-banner .swiper-slide .banner-item .banner-mess .banner-txt {
      width: 100%; }
      .banner-box .swiper-banner .swiper-slide .banner-item .banner-mess .banner-txt img {
        width: auto; }
    .banner-box .swiper-banner .swiper-slide .banner-item .banner-mess .banner-link {
      padding-top: 60px; }
  .banner-box .pagination-box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 80px;
    z-index: 2; }
    .banner-box .pagination-box .banner-pagination {
      text-align: center;
      margin: 0 -5px; }
      .banner-box .pagination-box .banner-pagination .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        margin: 0 5px; }
  .banner-box .banner-prev, .banner-box .banner-next {
    top: 50%;
    margin-top: -17px;
    position: absolute;
    z-index: 9;
    cursor: pointer; }
    .banner-box .banner-prev i, .banner-box .banner-next i {
      opacity: 0.2; }
    .banner-box .banner-prev i, .banner-box .banner-prev i::before, .banner-box .banner-next i, .banner-box .banner-next i::before {
      color: #fff;
      font-size: 34px;
      line-height: 1; }
    .banner-box .banner-prev:hover i, .banner-box .banner-next:hover i {
      opacity: 1; }
  .banner-box .banner-prev {
    left: 56px; }
  .banner-box .banner-next {
    right: 56px; } }

@media screen and (min-width: 320px) {
  .ind-box {
    padding: 40px 0; }
  .ind-box + .ind-box {
    padding-top: 0; }
  .ind-tit {
    position: relative;
    margin-bottom: 30px; }
    .ind-tit .en {
      font-size: 58px;
      color: #f9f9f9;
      text-transform: uppercase;
      line-height: 1.2;
      text-align: center; }
    .ind-tit .cn {
      font-size: 20px;
      font-weight: bold;
      color: #333;
      line-height: 1.2;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
  .link-btn a {
    display: inline-flex;
    background: #a0cc3f;
    height: 42px;
    align-items: center;
    justify-content: space-between;
    padding: 0 40px;
    width: 170px;
    color: #fff;
    font-size: 13px;
    border-radius: 21px;  }
    .link-btn a .icon-more-01{
         position:relative; left:0px; transition: .5s;
    }
    .link-btn a:hover .icon-more-01{
     left:10px; transition: .5s;}
  .link-btn-02 a {
    border: 1px solid #C9D0D6;
    background: #fff;
    color: #213046;
    font-size: 13px;
    border-radius: 21px; }
    .link-btn-02 a i::before {
      color: #0058DB; }
    .link-btn-02 a:hover {
      border-color: #27A4F8;
      background: #27A4F8; }
      .link-btn-02 a:hover span {
        color: #fff; }
      .link-btn-02 a:hover i::before {
        color: #fff; } }

@media screen and (min-width: 992px) {
  .ind-box {
    padding: 80px 0; }
  .ind-box + .ind-box {
    padding-top: 0; }
  .ind-tit {
    margin-bottom: 40px; }
    .ind-tit .en {
      font-size: 80px; }
    .ind-tit .cn {
      font-size: 28px; }
  .link-btn a {
    height: 54px;
    padding: 0 50px;
    width: 240px;
    font-size: 16px;
    border-radius: 27px; } }

@media screen and (min-width: 1240px) {
  .ind-tit .en {
    font-size: 110px; }
  .ind-tit .cn {
    font-size: 32px; } }

@media screen and (min-width: 320px) {
  .ind-box-01 .innovation-tabs {
    background: #2D73DC;
    position: relative; }
  .ind-box-01 .bg {
    height: 230px;
    background-size: cover;
    background-position: center;
    position: relative; }
    .ind-box-01 .bg::before {
      content: ' ';
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      background: linear-gradient(-90deg, rgba(0, 88, 219, 0.2), rgba(0, 88, 219, 0.9)); }
    .ind-box-01 .bg .mess {
      padding: 30px 20px;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      .ind-box-01 .bg .mess .tit {
        font-size: 34px;
        color: #fff;
        line-height: 1.2; }
      .ind-box-01 .bg .mess .txt {
        font-size: 12px;
        color: #fff;
        padding-top: 5px; }
  .ind-box-01 .hd {
    display: flex; }
    .ind-box-01 .hd .btn {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 60px;
      background: #737373;
      cursor: pointer; }
      .ind-box-01 .hd .btn.on {
        background: #2D73DC; }
      .ind-box-01 .hd .btn i {
        padding-right: 5px; }
      .ind-box-01 .hd .btn i, .ind-box-01 .hd .btn i::before {
        font-size: 30px;
        line-height: 1;
        color: #fff; }
      .ind-box-01 .hd .btn .tit {
        color: #fff;
        font-size: 12px; }
  .ind-box-01 .swiper-innoavtion .innoavtion-pagination {
    position: absolute;
    left: 20px;
    bottom: 5px;
    z-index: 9; }
    .ind-box-01 .swiper-innoavtion .innoavtion-pagination .swiper-pagination-bullet {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #fff;
      opacity: 1;
      margin: 0 4px; }
    .ind-box-01 .swiper-innoavtion .innoavtion-pagination .swiper-pagination-bullet-active {
      background: #a0cc3f; } }

@media screen and (min-width: 992px) {
  .ind-box-01 .innovation-tabs {
    overflow: hidden;
    border-radius: 6px; }
  .ind-box-01 .bg {
    height: 350px; }
    .ind-box-01 .bg::before {
      right: 30%;
      background: linear-gradient(-90deg, rgba(0, 88, 219, 0), rgba(0, 88, 219, 0.9)); }
    .ind-box-01 .bg .mess {
      right: 20%;
      padding: 60px 40px; }
      .ind-box-01 .bg .mess .tit {
        font-size: 58px; }
      .ind-box-01 .bg .mess .txt {
        font-size: 16px; }
  .ind-box-01 .hd {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2; }
    .ind-box-01 .hd .btn {
      flex-direction: column;
      height: auto;
      width: 175px;
      background: rgba(0, 0, 0, 0.5); }
      .ind-box-01 .hd .btn.on {
        background: rgba(0, 88, 219, 0.8); }
      .ind-box-01 .hd .btn i {
        padding-right: 0;
        padding-bottom: 5px; }
      .ind-box-01 .hd .btn i, .ind-box-01 .hd .btn i::before {
        font-size: 45px; }
      .ind-box-01 .hd .btn .tit {
        font-size: 16px; }
  .ind-box-01 .swiper-innoavtion .innoavtion-pagination {
    left: 40px;
    bottom: 20px; }
    .ind-box-01 .swiper-innoavtion .innoavtion-pagination .swiper-pagination-bullet {
      width: 12px;
      height: 12px;
      margin: 0 5px; } }

@media screen and (min-width: 1240px) {
  .ind-box-01 .bg {
    height: 456px; }
    .ind-box-01 .bg .mess {
      padding: 90px 60px; }
      .ind-box-01 .bg .mess .tit {
        font-size: 68px; }
      .ind-box-01 .bg .mess .txt {
        font-size: 18px; }
  .ind-box-01 .hd .btn {
    width: 260px; }
    .ind-box-01 .hd .btn i, .ind-box-01 .hd .btn i::before {
      font-size: 60px; }
    .ind-box-01 .hd .btn .tit {
      font-size: 18px; }
  .ind-box-01 .swiper-innoavtion .innoavtion-pagination {
    left: 60px;
    bottom: 40px; } }

@media screen and (min-width: 320px) {
  i.pic-scale-news {
    padding-bottom: 65.217%; }
  .ind-box-02 .swiper-news {
    margin: -15px;
    padding: 15px; }
    .ind-box-02 .swiper-news .news-pagination {
      padding-top: 20px;
      text-align: center; }
      .ind-box-02 .swiper-news .news-pagination .swiper-pagination-bullet {
        width: 9px;
        height: 9px;
        margin: 0 5px;
        background: #ccc;
        opacity: 1; }
      .ind-box-02 .swiper-news .news-pagination .swiper-pagination-bullet-active {
        background: #a0cc3f; }
  .news-item {
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); }
    
    .news-item dl dd {
      padding: 20px; }
    
    .ind-news-list .news-item{
    box-shadow: none;
    }
    
    .ind-news-list .news-item dl{
        display: flex;
        border-radius: 8px;
        border:solid 1px #E1E5E8;
     }
    .ind-news-list .news-item dt{
        flex-basis: 160px;
        flex-shrink: 0;
        border-radius: 8px 0 0 8px;
        overflow: hidden;
    }
    .ind-news-list .news-item dl dd {
        padding:10px 20px; 
        /*border: solid 1px #E1E5E8;*/
        /*border-left: none;*/
        border-radius: 0 8px 8px 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 105px;
        flex:1;
    }
      .news-item dl dd .tit {
        font-size: 14px;
        color: #000; }
      .news-item dl dd .more {
        color: #000; 
        font-size: 11px;
        display: flex;
        align-items: center;
      }
      .news-item dl dd .more i,.news-item dl dd .more i::before {
        font-size:16px;
        color:#0058DB;
      }
      .news-item dl dd .more i{
        display: flex;
        align-content: center;
      }
    /*.news-item a:hover .tit {
      color: #27A4F8; } */
    
    .ind-news-list ul{
        margin: -10px;
    }
    
    .ind-news-list li{
        padding:10px;
    }
    
}

@media screen and (min-width: 992px) {
  .ind-box-02 .swiper-news .news-pagination {
    display: none; }
  .ind-box-02 .link-btn-02 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 50px; }
  .news-item dl dd {
    padding: 20px 25px; 
  }
    .news-item dl dd .tit {
      font-size: 16px;
      height: 56px; }
      
    .ind-news-list .news-item dl dd {
        padding: 20px 25px; 
        height: 160px;
      }
    .ind-news-list .news-item dl dd .tit {
      font-size: 18px;
      /*height: 56px;*/
      -webkit-line-clamp:3;
      font-weight: bold;
      line-height: 1.4;
    }
    .news-item dl dd .time {
      padding-top: 20px;
      font-size: 14px; } 
    
    
    .ind-news-list ul{
        display: flex;
        margin: -10px;
        flex-wrap: wrap;
    }
    
    .ind-news-list li{
        flex-basis: 50%;
        flex-shrink: 0;
        padding:10px;
    }
    
    .ind-news-list .news-item dt{
        flex-basis: 245px;
        flex-shrink: 0;
    }
    
    .ind-news-list .news-item dl dd .more{
        font-size:15px;
    }
    
    
    .ind-news-list ul{
        margin: -15px;
    }
    
    .ind-news-list li{
        padding:15px;
    }
    
}

@media screen and (min-width: 1240px) {
  .ind-box-02 .link-btn-02 {
    padding-top: 70px; }
    
    
    .ind-news-list .news-item dt{
        flex-basis: 322px;
    }
    
    .ind-news-list .news-item dl dd .tit {
      font-size: 22px;
    }
    
   .ind-news-list .news-item dl dd {
        height: 210px;
        padding: 25px 35px; 
    }
  
    .ind-news-list .news-item dl dd .more{
        font-size:18px;
    }
    .ind-news-list .news-item dl dd .more i::before{
        font-size:20px;
    }
    
    
    .ind-news-list ul{
        margin: -22px -20px;
    }
    
    .ind-news-list li{
        padding: 22px 20px;
    }
}

@media screen and (min-width: 320px) {
  .footer {
    padding: 25px 0;
    background: #F5F5F7;
    font-size: 12px; }
    .footer .f-menu ul {
      display: flex;
      margin: -12px; }
      .footer .f-menu ul li {
        padding: 12px;
        flex-basis: 33.3333%; }
        .footer .f-menu ul li a {
          color: #000;
          display: block;
          text-align: center; }
          .footer .f-menu ul li a:hover {color: #27A4F8;}
    .footer .flex-box-02 {
      padding-top: 40px; }
    .footer .f-qr {
      display: none; }
    .footer .f-contact {
      color: #000; }
      .footer .f-contact .tit {
        display: none; }
      .footer .f-contact .txt {
        line-height: 2; }
  .footer-b {
    background: #a0cc3f;
    padding: 10px 0; }
    .footer-b .txt {
      text-align: center;
      color: #fff;
      font-size: 12px; }
      .footer-b .txt span {
        display: block; }
      .footer-b .txt a {
        font-size: 12px;
        color: #fff; }
        .footer-b .txt a:hover {
          color: #27A4F8; } }

@media screen and (min-width: 370px) {
  .footer .flex-box-02 {
    display: flex;
    justify-content: space-between; }
  .footer .f-qr {
    display: block; }
    .footer .f-qr dt {
      width: 80px;
      border-radius: 6px;
      overflow: hidden; }
    .footer .f-qr dd {
      color: #fff;
      text-align: center;
      padding-top: 5px; } }

@media screen and (min-width: 992px) {
  .footer {
    padding: 30px 0;
    background: #F5F5F7;
    font-size: 14px; }
    .footer .flex-box {
      display: flex;
      justify-content: space-between; }
      .footer .flex-box .l {
        display: flex; }
    .footer .f-logo {
      height: 46px;
      padding-right: 60px; }
      .footer .f-logo img {
        height: 100%; }
    .footer .f-menu {
      display: flex; }
      .footer .f-menu ul {
        display: flex;
        flex-direction: column;
        padding-right: 60px;
        margin: 0; }
        .footer .f-menu ul li {
          padding: 0 0 10px 0;
          flex: 0; }
          .footer .f-menu ul li a {
            font-size: 14px; }
    .footer .flex-box-02 {
      padding-top: 0; }
      .footer .flex-box-02 .f-qr {
        display: none; }
    .footer .f-contact {
      color: #000; }
      .footer .f-contact .tit {
        display: block;
        padding: 0 0 10px 0; }
    .footer .f-qr-pc dt {
      width: 100px;
      border-radius: 6px;
      overflow: hidden; }
    .footer .f-qr-pc dd {
      padding-top: 5px;
      color: #000;
      font-size: 14px;
      text-align: center; }
  .footer-b .txt {
    font-size: 14px; }
    .footer-b .txt span {
      display: inline-block; }
    .footer-b .txt span + span {
      padding-left: 20px; } }

@media screen and (min-width: 1240px) {
  .footer .f-logo {
    padding-right: 80px; }
  .footer .f-menu {
    display: flex; }
    .footer .f-menu ul {
      padding-right: 130px; }
      .footer .f-menu ul li {
        padding-bottom: 20px; }
        .footer .f-menu ul li a {
          font-size: 14px; }
  .footer .f-contact .tit {
    padding-bottom: 20px; }
  .footer .f-qr-pc dt {
    width: 160px; }
  .footer .f-qr-pc dd {
    padding-top: 10px;
    font-size: 16px; }
  .footer-b .txt {
    font-size: 14px; }
    .footer-b .txt span {
      display: inline-block; }
    .footer-b .txt span + span {
      padding-left: 20px; }
    .footer-b .txt a {
      font-size: 14px; } }

@media screen and (min-width: 320px) {
  .nav-holder {
    height: 55px; }
  .banner-min {
    height: 50vw;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    position: relative; }
    .banner-min .flex-box {
      display: flex;
      align-items: center;
      text-align: center;
      height: 100%; }
    
    .banner-min .pic{
        max-width:80%;
    }  
    
    .banner-min .tit {
      font-weight: bold;
      text-align: center;
      color: #fff;
      font-size: 5vw;
      line-height: 1.2; }
    .banner-min .txt {
      color: #fff;
      font-size: 2vw;
      line-height: 1.2;
      padding-top: 2vw; }
      .banner-min .txt a {
        color: #fff;
        opacity: 0.8; }
      .banner-min .txt span {
        padding: 0 0.5vw;
        opacity: 0.8; }
    .banner-min::before {
      content: ' ';
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      background: linear-gradient(rgba(0, 88, 219, 0.8), rgba(0, 88, 219, 0)); } }

@media screen and (min-width: 992px) {
  .nav-holder {
    height: 70px; }
  .banner-min {
    height: 400px; }
    .banner-min .tit {
      font-size: 40px;
      font-weight: normal; }
    .banner-min .txt {
      font-size: 14px;
      padding-top: 10px; } 
    
    .banner-min .flex-box{
        padding-bottom: 56px;
    }
    
}

@media screen and (min-width: 1240px) {
  .banner-min {
    position: relative;
    height: 560px; }
    .banner-min .tit {
      font-size: 50px; }
    .banner-min .txt {
      font-size: 16px;
      padding-top: 15px; } 
    .banner-min .flex-box{
        padding-bottom: 62px;
    }
    
}

@media screen and (min-width: 320px) {
  .swiper-menu::before {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #f0f0f0; }
  .swiper-menu .swiper-slide {
    width: auto; }
    .swiper-menu .swiper-slide:nth-last-child(1) .item::before {
      display: none; }
    .swiper-menu .swiper-slide .item {
      position: relative; }
      .swiper-menu .swiper-slide .item::before {
        content: ' ';
        right: 0;
        top: 50%;
        height: 14px;
        margin-top: -7px;
        width: 1px;
        background: #b8b8b8;
        position: absolute; }
      .swiper-menu .swiper-slide .item a {
        display: block;
        padding: 15px 30px; }
    .swiper-menu .swiper-slide.on ::after {
      content: ' ';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 2px;
      background: #0058DB; }
    .swiper-menu .swiper-slide.on a {
      color: #0058DB; } }

@media screen and (min-width: 992px) {
  .menu-box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }
    .menu-box .menu-bg {
      width: 100%;
      background: #fff;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      position: relative; }
      .menu-box .menu-bg::before {
        content: ' ';
        height: 1px;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        background: #EAEFF8; }
      .menu-box .menu-bg ul {
        display: flex; }
        .menu-box .menu-bg ul li {
          flex: 1;
          position: relative; }
          .menu-box .menu-bg ul li.on::after {
            content: ' ';
            height: 2px;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            background: #0058DB; }
          .menu-box .menu-bg ul li.on a {
            color: #0058DB; }
          .menu-box .menu-bg ul li::before {
            content: ' ';
            width: 1px;
            height: 20px;
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -10px;
            background: #b8b8b8; }
          .menu-box .menu-bg ul li:nth-last-child(1)::before {
            display: none; }
          .menu-box .menu-bg ul li a {
            height: 56px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px; } }

@media screen and (min-width: 1240px) {
  .menu-box .menu-bg ul li a {
    height: 62px;
    font-size: 16px; } }

@media screen and (min-width: 320px) {
  .box-bd {
    padding: 40px 0; } }

@media screen and (min-width: 992px) {
  .box-bd {
    padding: 60px 0; } }

@media screen and (min-width: 1240px) {
  .box-bd {
    padding: 80px 0; } }

@media screen and (min-width: 320px) {
  .subheading {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4; }
  .subheading-02 {
    text-align: left;
    font-weight: normal;
    padding-bottom:30px;}
  .subheading-03 {
    text-align: left;
    font-weight: normal;
    padding-bottom:15px;}
  .gybh-box {
    padding: 40px 0; }
  .gybh-box-01 {
    /* background: #f7fafd; */ }
    .gybh-box-01 .list ul {
      margin: -10px; }
      .gybh-box-01 .list ul li {
        padding: 10px; }
    .gybh-box-01 .list .item {
      /* border-radius: 6px; */
      overflow: hidden;
      position: relative;
      background: #f7fafd;
      border: 1px solid #EAEFF8;
      border-bottom: 2px solid #0058DB;
      /* &::before{
					content:' ';
					left:0;
					top: 0;
					right: 0;
					bottom: 0;
					position: absolute;
					background: linear-gradient(rgba(0,88,219,0),rgba(0,88,219,.8));
					z-index: 2;
				} */ }
      .gybh-box-01 .list .item .bg {
        opacity: 0.03;
        width: 260px;
        position: absolute;
        top: 20px;
        right: -60px; }
      .gybh-box-01 .list .item .mess {
        padding: 20px;
        z-index: 2; }
        .gybh-box-01 .list .item .mess .icon {
          width: 70px;
          padding-bottom: 20px; }
        .gybh-box-01 .list .item .mess .tit {
          color: #000;
          font-size: 20px;
          line-height: 1.5; }
        .gybh-box-01 .list .item .mess .txt {
          padding-top: 5px;
          color: #000;
          font-size: 14px;
          line-height: 1.75; } 
}

@media screen and (min-width: 992px) {
  .subheading {
    font-size: 28px;
    padding-bottom: 30px; }
    .subheading-02{
    padding-bottom: 40px;
    }
  i.pic-scale-gsyj {
    padding-bottom: 127.273%; }
  .gybh-box-01 {
    padding: 80px 0; }
    .gybh-box-01 .list ul {
      display: flex;
      margin: -15px; }
      .gybh-box-01 .list ul li {
        flex: 1;
        padding: 15px; }
    .gybh-box-01 .list .item .bg {
      opacity: 0.03;
      top: auto;
      bottom: -20px;
      right: -60px; }
    .gybh-box-01 .list .item .mess .tit {
      font-size: 24px; }
    .gybh-box-01 .list .item .mess .txt {
      padding-top: 10px;
      font-size: 16px;
      height: 66px; } }

@media screen and (min-width: 1240px) {
  .subheading {
    font-size: 32px;
    padding-bottom: 30px; }
    
    .subheading-02{
    padding-bottom: 40px;
    }
  .gybh-box-01 {
    padding: 80px 0; }
    .gybh-box-01 .list ul {
      margin: -20px; }
      .gybh-box-01 .list ul li {
        padding: 20px; }
    .gybh-box-01 .list .item .mess {
      padding: 40px; }
      .gybh-box-01 .list .item .mess .tit {
        font-size: 32px; }
      .gybh-box-01 .list .item .mess .txt {
        font-size: 18px;
        height: 73px; } }

@media screen and (min-width: 320px) {
  .gybh-box-02 {
    background-image: url(../img/gybh-box-02-bg.jpg);
    background-size: cover;
    background-position: center; }
    .gybh-box-02 .txt {
      font-size: 14px;
      color: #fff; }
    .gybh-box-02 .list {
      padding-top: 30px; }
      .gybh-box-02 .list ul {
        display: flex;
        margin: -10px; }
        .gybh-box-02 .list ul li {
          flex: 1;
          padding: 10px; }
          .gybh-box-02 .list ul li dl {
            text-align: center; }
            .gybh-box-02 .list ul li dl dt {
              display: flex;
              align-items: flex-start;
              justify-content: center; }
              .gybh-box-02 .list ul li dl dt .num {
                font-size: 32px;
                font-weight: bold;
                color: #fff;
                line-height: 1.2;
                font-family: roboto-r; }
              .gybh-box-02 .list ul li dl dt .plus {
                font-size: 12px;
                line-height: 1;
                color: #fff;
                padding-left: 3px; }
            .gybh-box-02 .list ul li dl dd {
              font-size: 12px;
              color: #fff;
              padding-top: 5px; } }

@media screen and (min-width: 992px) {
  .gybh-box-02 {
    padding: 80px 0; }
    .gybh-box-02 .txt {
      font-size: 16px; }
    .gybh-box-02 .list {
      padding-top: 40px; }
      .gybh-box-02 .list ul li dl dt {
        position: relative; }
        .gybh-box-02 .list ul li dl dt::before {
          content: ' ';
          width: 1px;
          background: #dedde2;
          height: 44px;
          position: absolute;
          left: 0;
          top: 50%;
          margin-top: -22px; }
        .gybh-box-02 .list ul li dl dt .num {
          font-size: 48px; }
        .gybh-box-02 .list ul li dl dt .plus {
          font-size: 15px; }
      .gybh-box-02 .list ul li dl dd {
        font-size: 15px;
        padding-top: 10px; }
      .gybh-box-02 .list ul li:nth-child(1) dt::before {
        display: none; } }

@media screen and (min-width: 1240px) {
  .gybh-box-02 {
    padding: 120px 0; }
    .gybh-box-02 .txt {
      font-size: 18px; }
    .gybh-box-02 .list {
      padding-top: 50px; }
      .gybh-box-02 .list ul li dl dt .num {
        font-size: 56px; }
      .gybh-box-02 .list ul li dl dt .plus {
        font-size: 18px; }
      .gybh-box-02 .list ul li dl dd {
        font-size: 18px; } }

@media screen and (min-width: 320px) {
  .gybh-box-03 {
    background-image: url(../img/gybh-box-03-bg.jpg);
    background-size: cover;
    background-position: center;
    overflow: hidden; }
    .gybh-box-03 .swiper-fzlc {
      overflow: visible; }
      .gybh-box-03 .swiper-fzlc .line {
        position: absolute;
        left: -15px;
        right: -15px;
        bottom: 9px;
        height: 1px;
        background: #9b9eb3; }
      .gybh-box-03 .swiper-fzlc .swiper-slide {
        width: auto;
        height: auto;
        display: flex;
        align-items: flex-end; }
    .gybh-box-03 .fzlc-item {
      padding-bottom: 40px;
      position: relative; }
      .gybh-box-03 .fzlc-item .bg {
        width: 250px;
        background: #fff;
        padding: 20px;
        box-shadow: 0 0 20px rgba(0, 88, 219, 0.1);
        position: relative; }
        .gybh-box-03 .fzlc-item .bg::before {
          content: ' ';
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-top: 12px solid #fff;
          position: absolute;
          left: 50%;
          margin-left: -10px;
          bottom: -12px; }
        .gybh-box-03 .fzlc-item .bg .year {
          font-size: 18px;
          font-weight: bold;
          color: #0058DB; }
        .gybh-box-03 .fzlc-item .bg .txt {
          font-size: 12px; }
      .gybh-box-03 .fzlc-item .drop {
        width: 18px;
        height: 18px;
        border: 1px solid #0058DB;
        background: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: 50%;
        margin-left: -9px;
        bottom: 0; }
        .gybh-box-03 .fzlc-item .drop::before {
          content: ' ';
          width: 12px;
          height: 12px;
          border-radius: 50%;
          background: #0058DB;
          display: block; } }

@media screen and (min-width: 992px) {
  .gybh-box-03 .list {
    margin: -30px 0;
    position: relative; }
    .gybh-box-03 .list::before {
      content: ' ';
      width: 100vw;
      position: absolute;
      height: 1px;
      right: 50%;
      background: #9b9eb3;
      top: 230px; }
    .gybh-box-03 .list ul {
      display: flex;
      margin: 0 -30px;
      position: relative; }
      .gybh-box-03 .list ul::before {
        content: ' ';
        box-sizing: border-box;
        height: 271px;
        width: 700px;
        border: 1px solid #9b9eb3;
        position: absolute;
        top: 230px; }
      .gybh-box-03 .list ul:nth-child(odd)::before {
        right: -30px;
        border-left: none;
        border-top-right-radius: 135px;
        border-bottom-right-radius: 135px; }
      .gybh-box-03 .list ul:nth-child(even) {
        flex-direction: row-reverse; }
        .gybh-box-03 .list ul:nth-child(even)::before {
          left: -30px;
          border-right: none;
          border-top-left-radius: 135px;
          border-bottom-left-radius: 135px; }
      .gybh-box-03 .list ul li {
        padding: 30px;
        flex: 1;
        display: flex;
        justify-content: center; }
  .gybh-box-03 .fzlc-item .bg {
    width: 250px;
    height: 170px;
    padding-right: 10px;
    display: flex;
    flex-direction: column; }
    .gybh-box-03 .fzlc-item .bg .year {
      font-size: 18px; }
    .gybh-box-03 .fzlc-item .bg .txt {
      font-size: 12px;
      flex: 1;
      overflow-y: auto;
      padding-right: 10px;
      /*定义滚动条轨道 内阴影+圆角*/
      /*定义滑块 内阴影+圆角*/ }
      .gybh-box-03 .fzlc-item .bg .txt::-webkit-scrollbar {
        width: 2px;
        height: 2px; }
      .gybh-box-03 .fzlc-item .bg .txt::-webkit-scrollbar-track {
        background-color: #f0f0f0; }
      .gybh-box-03 .fzlc-item .bg .txt::-webkit-scrollbar-thumb {
        background-color: #0058DB; } }

@media screen and (min-width: 1240px) {
  .gybh-box-03 {
    padding-bottom: 140px; }
    .gybh-box-03 .list {
      margin: -30px 0;
      padding: 0 50px; }
    .gybh-box-03 .fzlc-item .bg {
      width: 300px; }
      .gybh-box-03 .fzlc-item .bg .year {
        font-size: 22px; }
      .gybh-box-03 .fzlc-item .bg .txt {
        font-size: 14px; } }

@media screen and (min-width: 1440px) {
  .gybh-box-03 .list {
    padding: 0 120px; } }




@media screen and (min-width: 320px) { 
    
    .gybh-box-11 .bg{
        background-image: url(../img/about-bg-01.jpg);
        background-size: cover;
        background-position: center;
        color:#fff;
        padding:20px;
        border-radius: 8px;
        overflow: hidden;
    }
    .gybh-box-11 .r{
        margin-top: 30px;
    }
     .gybh-box-11 .list ul {
        margin: -10px; }
        .gybh-box-11 .list ul li {
          padding: 10px; }
          .gybh-box-11 .list ul li dl {
            text-align: center; }
            .gybh-box-11 .list ul li dl dt {
              display: flex;
              align-items: flex-start;
              justify-content: center; }
              .gybh-box-11 .list ul li dl dt .num {
                font-size: 32px;
                font-weight: bold;
                color: #fff;
                line-height: 1.2;
                font-family: roboto-r; }
              .gybh-box-11 .list ul li dl dt .plus {
                font-size: 12px;
                line-height: 1;
                color: #fff;
                padding-left: 3px; }
            .gybh-box-11 .list ul li dl dd {
              font-size: 12px;
              color: #fff;
              padding-top: 5px; }
}

@media screen and (min-width: 992px) {
    .gybh-box-11 .flex-box{
        display: flex;
        align-items: center;
    }
    .gybh-box-11 .l{
        padding-right: 32px;
    }
    .gybh-box-11 .r{
        margin-top: 0;
        flex-basis: 334px;
        flex-shrink: 0;
    }
     .gybh-box-11 .bg{
        height: 480px;
        display: flex;
        align-items: center;
        justify-content: center;
     }
     
    .gybh-box-11 .list {
      padding-top: 0; }
      .gybh-box-11 .list ul {
        margin: -20px 0; }
      .gybh-box-11 .list ul li{
          padding: 20px 0; 
      }
      .gybh-box-11 .list ul li dl dt {
        position: relative; }
        .gybh-box-11 .list ul li dl dt .num {
          font-size: 48px; }
        .gybh-box-11 .list ul li dl dt .plus {
          font-size: 30px; }
      .gybh-box-11 .list ul li dl dd {
        font-size: 15px;
        padding-top: 10px; }
}

@media screen and (min-width: 1240px) {
    .gybh-box-11 .flex-box{
    }
    .gybh-box-11 .l .txt{
        font-size:18px;
    }
    .gybh-box-11 .r{
        flex-basis: 434px;
    }
     .gybh-box-11 .bg{
        height: 600px;
     }
     
    .gybh-box-11 .list {
      padding-top: 0; }
      .gybh-box-11 .list ul {
        margin: -35px 0; }
      .gybh-box-11 .list ul li{
          padding: 35px 0; 
      }
      .gybh-box-11 .list ul li dl dt {
        position: relative; }
        .gybh-box-11 .list ul li dl dt .num {
          font-size: 64px; }
        .gybh-box-11 .list ul li dl dt .plus {
          font-size: 54px; }
      .gybh-box-11 .list ul li dl dd {
        font-size: 15px;
        padding-top: 10px; }
}



@media screen and (min-width: 320px) {
    .gybh-box-12{
        padding-top:30px;
    }
    .gybh-box-12 ul{
        margin: -15px;
    }
    .gybh-box-12 li{
        padding:15px;
    }
    i.pic-scale-about{
        padding-bottom:70.588%;
    }
    .gybh-box-12 dd{
        padding-top:20px;
    }
    .gybh-box-12 dd .sub-tit{
        color:#0058DB;
        font-size: 14px;
        font-weight: bold;
    }
    .gybh-box-12 dd .tit{
        color:#000000;
        font-size:30px;
        line-height: 1.4;
    }
}

@media screen and (min-width: 992px) {
    .gybh-box-12{
        padding-top:0;
        padding-bottom:60px;
    }
    .gybh-box-12 ul{
        margin: -30px;
    }
    .gybh-box-12 li{
        padding:30px;
    }
    .gybh-box-12 dl{
        display: flex;
        align-items: center;
    }
    .gybh-box-12 dt{
        flex-basis: 50%;
        flex-shrink: 0;
        padding-right: 25px;
    }
    .gybh-box-12 dd{
        padding-top:0;
        flex-basis: 50%;
        flex-shrink: 0;
        padding-left:55px;
    }
    .gybh-box-12 dd .sub-tit{
        font-size: 20px;
    }
    .gybh-box-12 dd .tit{
        font-size:42px;
    }
    
    .gybh-box-12 li:nth-child(even) dl{
        flex-direction: row-reverse;
    }
    .gybh-box-12 li:nth-child(even) dt{
        padding-right: 0;
        padding-left: 25px;
    }
    .gybh-box-12 li:nth-child(even) dd{
        padding-right: 55px;
        padding-left: 0;
    }
}

@media screen and (min-width: 1240px) {
    .gybh-box-12{
        padding-bottom:100px;
    }
    .gybh-box-12 ul{
        margin: -40px;
    }
    .gybh-box-12 li{
        padding:40px;
    }
    .gybh-box-12 dd{
        padding-left:85px;
    }
    .gybh-box-12 dd .sub-tit{
        font-size: 24px;
    }
    .gybh-box-12 dd .tit{
        font-size:60px;
    }
    
    .gybh-box-12 li:nth-child(even) dd{
        padding-right: 85px;
        padding-left: 0;
    }
}



@media screen and (min-width: 320px) {
  .honor-list ul {
    display: flex;
    flex-wrap: wrap;
    margin: -10px; }
    .honor-list ul li {
      flex-basis: 100%;
      flex-shrink: 0;
      padding: 10px; }
      .honor-list ul li dl{
          background:#F5F5F7;
          padding:20px;
          display: flex;
          flex-direction: row-reverse;
      }
      .honor-list ul li dt {
          flex-basis: 53%;
          /*padding: 15px;*/
        }
        .honor-list ul li dt i.pic-scale-honor {
          padding-bottom: 73.394%; }
      .honor-list ul li dd {
          flex:1;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
        }
        
        .honor-list ul li dd .year{
            font-weight: bold;
            color:#333333;
            font-size: 20px;
        }
        
        .honor-list ul li dd .tit{
            color:#333333;
            font-size: 16px;
        }
    
}

@media screen and (min-width: 992px) {
    .honor-list{
        padding-top: 15px;
    }
    .honor-list ul {
    margin: -18px; }
    .honor-list ul li {
        flex-basis: 50%;
        flex-shrink: 0;
      padding: 18px; }
      .honor-list ul li dl{
          padding:30px;
      }
        
        .honor-list ul li dd .year{
            font-size: 30px;
        }
        
        .honor-list ul li dd .tit{
            font-size: 18px;
        }
}

@media screen and (min-width: 1240px) {
    .honor-list{
        padding-top: 30px;
    }
    .honor-list ul {
    margin: -23px; }
    .honor-list ul li {
      padding: 23px; }
      .honor-list ul li dl{
          padding:40px;
      }
        
        .honor-list ul li dd .year{
            font-size: 40px;
        }
        
        .honor-list ul li dd .tit{
            font-size: 20px;
        }}

@media screen and (min-width: 1440px) {
  }


/*@media screen and (min-width: 320px) {
  .honor-list ul {
    display: flex;
    flex-wrap: wrap;
    margin: -10px; }
    .honor-list ul li {
      flex-basis: 50%;
      flex-shrink: 0;
      padding: 10px; }
      .honor-list ul li dt {
        padding: 10px;
        border: 1px solid #E1E5E8; }
        .honor-list ul li dt i.pic-scale-honor {
          padding-bottom: 70%; }
      .honor-list ul li dd {
        padding-top: 5px;
        text-align: center;
        font-size: 12px;
        color: #555; } }

@media screen and (min-width: 992px) {
  .honor-list ul {
    margin: -15px; }
    .honor-list ul li {
      flex-basis: 33.333333%;
      padding: 15px; }
      .honor-list ul li dd {
        padding-top: 10px;
        font-size: 14px; } }

@media screen and (min-width: 1240px) {
  .honor-list ul {
    margin: -20px; }
    .honor-list ul li {
      padding: 20px; }
      .honor-list ul li dd {
        padding-top: 15px;
        font-size: 16px; } }

@media screen and (min-width: 1440px) {
  .honor-list ul {
    margin: -25px -23px; }
    .honor-list ul li {
      padding: 25px 23px; }
      .honor-list ul li dd {
        font-size: 18px; } }*/

@media screen and (min-width: 320px) {
  .jspt-list ul {
    margin: -4px; }
    .jspt-list ul li {
      padding: 4px; }
  .jspt-list .bg {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    padding: 20px;
    display: flex;
    align-items: stretch;
    background-size: cover;
    background-position: center; }
    .jspt-list .bg::before {
      content: ' ';
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      background: linear-gradient(90deg, rgba(0, 88, 219, 0.8), rgba(59, 188, 62, 0.8)); }
    .jspt-list .bg .box {
      position: relative;
      z-index: 2;
      display: flex;
      flex-direction: column;
      padding: 10px 0; }
    .jspt-list .bg i.icon::before {
      color: #fff;
      font-size: 40px;
      line-height: 1; }
    .jspt-list .bg .tit {
      color: #fff;
      font-size: 18px;
      font-weight: bold; }
    .jspt-list .bg .txt {
      color: #fff;
      font-size: 12px;
      padding-top: 20px; } }

@media screen and (min-width: 992px) {
  .jspt-list ul {
    display: flex; }
    .jspt-list ul li {
      flex: 1;
      display: flex; }
  .jspt-list .bg {
    padding: 30px; }
    .jspt-list .bg i.icon::before {
      font-size: 50px; }
    .jspt-list .bg .tit {
      font-size: 22px; }
    .jspt-list .bg .txt {
      font-size: 14px;
      padding-top: 40px; } }

@media screen and (min-width: 1240px) {
  .jspt-list .bg {
    padding: 40px; }
    .jspt-list .bg i.icon::before {
      font-size: 60px; }
    .jspt-list .bg .tit {
      font-size: 26px;
      padding-top: 5px; }
    .jspt-list .bg .txt {
      font-size: 16px;
      padding-top: 60px; } }

@media screen and (min-width: 320px) {
  i.pic-scale-news-02 {
    padding-bottom: 65.294%; }
  .swiper-news-bd {
    position: relative;
    padding-bottom: 30px; }
    .swiper-news-bd .swiper-news {
      box-shadow: 0 0 15px rgba(0, 88, 219, 0.1);
      position: relative; }
      .swiper-news-bd .swiper-news .news-list-t .box dl {
        border-radius: 6px;
        overflow: hidden; }
      .swiper-news-bd .swiper-news .news-list-t .box dd {
        padding: 20px;
        background: #fff; }
        .swiper-news-bd .swiper-news .news-list-t .box dd .time {
          font-size: 12px;
          color: #464646; }
        .swiper-news-bd .swiper-news .news-list-t .box dd .tit {
          font-size: 16px;
          color: #000;
          padding-top: 5px;
          line-height: 1.4; }
        .swiper-news-bd .swiper-news .news-list-t .box dd .txt {
          color: #464646;
          font-size: 12px;
          padding-top: 10px; }
        .swiper-news-bd .swiper-news .news-list-t .box dd .more {
          padding-top: 20px;
          display: flex;
          align-items: center; }
          .swiper-news-bd .swiper-news .news-list-t .box dd .more span {
            font-size: 12px;
            color: #464646;
            padding-right: 5px;
            line-height: 1.2; }
          .swiper-news-bd .swiper-news .news-list-t .box dd .more i, .swiper-news-bd .swiper-news .news-list-t .box dd .more i::before {
            color: #D4D4D4;
            font-size: 20px;
            line-height: 1; }
      .swiper-news-bd .swiper-news .news-list-t a:hover .tit {
        color: #0058DB; }
      .swiper-news-bd .swiper-news .news-list-t a:hover .more span {
        color: #0058DB; }
      .swiper-news-bd .swiper-news .news-list-t a:hover .more i, .swiper-news-bd .swiper-news .news-list-t a:hover .more i::before {
        color: #0058DB; }
    .swiper-news-bd .news-pagination {
      text-align: center;
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: 2;
      right: 0; }
      .swiper-news-bd .news-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background: #d4d4d4;
        opacity: 1;
        margin: 0 5px; }
      .swiper-news-bd .news-pagination .swiper-pagination-bullet-active {
        background: #0058DB;
        width: 20px; }
  .news-list {
    padding-top: 30px; }
    .news-list ul {
      margin: -10px; }
      .news-list ul li {
        padding: 10px; } }

@media screen and (min-width: 992px) {
  .swiper-news-bd {
    padding-bottom: 0; }
    .swiper-news-bd .swiper-news .news-list-t .box dl {
      display: flex;
      flex-direction: row-reverse; }
      .swiper-news-bd .swiper-news .news-list-t .box dl dt {
        flex-basis: 50%;
        flex-shrink: 0; }
      .swiper-news-bd .swiper-news .news-list-t .box dl dd {
        padding: 20px 35px; }
        .swiper-news-bd .swiper-news .news-list-t .box dl dd .time {
          font-size: 12px; }
        .swiper-news-bd .swiper-news .news-list-t .box dl dd .tit {
          font-size: 20px; }
        .swiper-news-bd .swiper-news .news-list-t .box dl dd .txt {
          font-size: 14px;
          padding-top: 10px; }
        .swiper-news-bd .swiper-news .news-list-t .box dl dd .more {
          padding-top: 20px; }
          .swiper-news-bd .swiper-news .news-list-t .box dl dd .more span {
            font-size: 13px;
            padding-right: 5px; }
          .swiper-news-bd .swiper-news .news-list-t .box dl dd .more i, .swiper-news-bd .swiper-news .news-list-t .box dl dd .more i::before {
            font-size: 26px; }
    .swiper-news-bd .news-pagination {
      position: absolute;
      right: auto;
      left: 30px;
      bottom: 30px; }
  .news-list {
    padding-top: 60px; }
    .news-list ul {
      display: flex;
      flex-wrap: wrap;
      margin: -15px; }
      .news-list ul li {
        padding: 15px;
        flex-basis: 33.3333%;
        flex-shrink: 0; }
        .news-list ul li .news-item {
          height: 100%; } }

@media screen and (min-width: 1240px) {
  .swiper-news-bd .swiper-news .news-list-t .box dl {
    display: flex;
    flex-direction: row-reverse; }
    .swiper-news-bd .swiper-news .news-list-t .box dl dt {
      flex-basis: 50%;
      flex-shrink: 0; }
    .swiper-news-bd .swiper-news .news-list-t .box dl dd {
      padding: 60px 50px; }
      .swiper-news-bd .swiper-news .news-list-t .box dl dd .time {
        font-size: 14px; }
      .swiper-news-bd .swiper-news .news-list-t .box dl dd .tit {
        font-size: 32px;
        font-weight: bold; }
      .swiper-news-bd .swiper-news .news-list-t .box dl dd .txt {
        font-size: 16px;
        padding-top: 10px; }
      .swiper-news-bd .swiper-news .news-list-t .box dl dd .more {
        padding-top: 30px; }
        .swiper-news-bd .swiper-news .news-list-t .box dl dd .more span {
          font-size: 16px;
          padding-right: 10px; }
        .swiper-news-bd .swiper-news .news-list-t .box dl dd .more i, .swiper-news-bd .swiper-news .news-list-t .box dl dd .more i::before {
          font-size: 26px; }
  .swiper-news-bd .news-pagination {
    left: 45px;
    bottom: 50px; }
  .news-list {
    padding-top: 90px; }
    .news-list ul {
      margin: -20px; }
      .news-list ul li {
        padding: 20px; } }

@media screen and (min-width: 320px) {
  .info-bg {
    background: #f7fafd; }
  .info-por {
    position: relative; }
    .info-por .info-btn-l {
      position: absolute;
      left: 0;
      bottom: 0;
      top: 0; }
    .info-por .info-btn-r {
      position: absolute;
      right: 0;
      bottom: 0;
      top: 0; }
    .info-por .prev-btn {
      position: sticky;
      left: 0;
      top: 50%; }
    .info-por .next-btn {
      position: sticky;
      right: 0;
      top: 50%; }
    .info-por .btn a {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .info-por .btn a i, .info-por .btn a i::before {
        font-size: 40px;
        line-height: 1;
        color: #0058DB; }
      .info-por .btn a span {
        padding-top: 5px;
        color: #333;
        font-size: 14px; }
    .info-por .btn a:hover i, .info-por .btn a:hover i::before {
      color: #0058DB; }
    .info-por .btn a:hover span {
      color: #0058DB; }
  .info-box-bd {
    background: #fff;
    max-width: 1100px;
    margin: 0 auto;
    border-radius: 6px;
    border: 1px solid #DDDDDD;
    padding: 20px; }
    .info-box-bd .tit {
      font-weight: bold;
      color: #333;
      font-size: 18px;
      line-height: 1.4; }
    .info-box-bd .info-type {
      padding-top: 20px;
      border-bottom: 1px solid #DADADA;
      padding-bottom: 15px;
      margin-bottom: 15px;
      display: flex;
      justify-content: space-between; } }

@media screen and (min-width: 992px) {
  .info-box-bd {
    padding: 40px 60px; }
    .info-box-bd .tit {
      font-size: 24px; }
    .info-box-bd .info-type {
      padding-top: 30px;
      padding-bottom: 15px;
      margin-bottom: 15px; } }

@media screen and (min-width: 1240px) {
  .info-box-bd {
    padding: 60px 80px; }
    .info-box-bd .tit {
      font-size: 32px; }
    .info-box-bd .info-type {
      padding-top: 40px;
      padding-bottom: 20px;
      margin-bottom: 30px; } }

@media screen and (min-width: 1440px) {
  .info-box-bd {
    padding: 60px 100px; }
    .info-box-bd .tit {
      font-size: 32px; }
    .info-box-bd .info-type {
      padding-top: 40px;
      padding-bottom: 20px;
      margin-bottom: 40px; } }

@media screen and (min-width: 320px) {
  .join-txt {
    /*text-align: center;*/
    font-size: 14px; }
  .join-list {
    padding-top: 30px; }
    .join-list ul {
      margin: -10px; }
      .join-list ul li {
        flex: 1;
        padding: 10px; }
  i.pic-scale-join {
    padding-bottom: 61.927%; }
    .join-list ul li .tit{
        padding-top:10px;
        color:#114087;/*#0058DB;*/
        font-weight: bold;
        font-size: 18px;
        line-height: 1.4;
    }
    .join-list ul li .txt{
        padding-top:5px;
        color:#555;
        font-size: 14px;
        line-height: 1.6;
    }
    
    .join-list ul li div.flex{
        display: flex;
        align-items:flex-start;
    }
    .join-list ul li div.flex i{
        flex-shrink: 0;
    }
    .box-bd-bg{
        background: #114087;
    }
  .join-box-02 {
    position: relative; }
    /*.join-box-02::before {
      content: ' ';
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      height: 100%;
      background: #114087; }*/
    .join-box-02 .swiper-join-pic {
      position: relative; }
      .join-box-02 .swiper-join-pic .swiper-slide {
        width: 300px; }
      .join-box-02 .swiper-join-pic .btn {
        position: absolute;
        top: 50%;
        z-index: 9;
        margin-top: -20px;
        cursor: pointer; }
        .join-box-02 .swiper-join-pic .btn i {
          background: rgba(51, 51, 51, 0.3);
          border-radius: 50%;
          width: 40px;
          height: 40px;
          display: flex;
          align-items: center;
          justify-content: center; }
        .join-box-02 .swiper-join-pic .btn i::before {
          color: #fff;
          font-size: 16px;
          line-height: 1; }
        .join-box-02 .swiper-join-pic .btn:hover {
          opacity: 1; }
          .join-box-02 .swiper-join-pic .btn:hover i {
            background: #0058DB;
            opacity: 1; }
          .join-box-02 .swiper-join-pic .btn:hover i, .join-box-02 .swiper-join-pic .btn:hover i::before {
            color: #fff; }
      .join-box-02 .swiper-join-pic .prev-btn {
        left: 10px; }
      .join-box-02 .swiper-join-pic .next-btn {
        right: 10px; }
  .join-box-03 .box-bd {
    padding-top: 0; }
.join-box-03 .list {
    padding-top:30px;
}
  .join-box-03 .list ul {
    margin: -10px; }
    .join-box-03 .list ul li {
      padding: 10px; }
      
      .join-box-03 .list ul li .item {
        border: 1px solid #fff; border-radius:8px;}
        .join-box-03 .list ul li .item dl {
          display: flex;
           align-items:center; justify-content: center; height:60px; min-width:320px;}
          .join-box-03 .list ul li .item dl dt {
           /* height: 80px;*/
            display: flex;
            flex-direction: column;justify-content: center;
            /*justify-content: space-between; */}
            .join-box-03 .list ul li .item dl dt .pic img {
              height: 100%; }
            .join-box-03 .list ul li .item dl dt .tit {
              color: #fff;
              font-size: 18px;
              line-height: 1.2; }
              /*.join-box-03 .list ul li .item:hover dl dt .tit{color:#27a4f8;}*/
          .join-box-03 .list ul li .item dl dd {
            display: flex;
            align-items: center; }
            .join-box-03 .list ul li .item dl dd i {
              padding-left:10px;
              display: flex;
              align-items: center;
              justify-content: center;
              /*border: 1px solid #EAEFF8;*/
              border-radius: 50%; }
              .join-box-03 .list ul li .item dl dd i::before {
                color: #fff;
                font-size: 22px;
                line-height: 1; }
                
                .join-box-03 .list ul li a:hover .item{
                    background: #fff;
                }
                
                .join-box-03 .list ul li a:hover .item dl dt .tit{
                    color: #000;
                }
                
                .join-box-03 .list ul li a:hover .item dl dd i::before {
                    color: #000;
                }
      /*.join-box-03 .list ul li a:hover .item dl dd i {
        background: #0058DB;
        border-color: #0058DB; }*/
        /*.join-box-03 .list ul li a:hover .item dl dd i::before {
          color: #27a4f8; }*/
  .join-box-03 .join-table .row {
    display: flex; }
    .join-box-03 .join-table .row .col {
      padding: 15px 20px;
      flex: 1; }
    .join-box-03 .join-table .row .col-02 {
      flex: 2; }
  .join-box-03 .join-table .join-head {
    background: #0058DB; }
    .join-box-03 .join-table .join-head .col {
      color: #fff; }
  .join-box-03 .join-table .join-body .row {
    border-bottom: 1px solid #E6EFF7; }
  .join-box-03 .join-table .join-body .row:nth-child(even) {
    background: #F6FAFF; }
  .join-box-03 .join-table .join-body .more {
    display: flex;
    justify-content: flex-end; }
    .join-box-03 .join-table .join-body .more a {
      display: flex;
      align-items: center; }
      .join-box-03 .join-table .join-body .more a span {
        padding-right: 5px;
        font-size: 14px;
        color: #333; }
      .join-box-03 .join-table .join-body .more a i {
        width: 26px;
        height: 26px;
        border-radius: 13px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #0058DB; }
        .join-box-03 .join-table .join-body .more a i::before {
          color: #fff;
          font-size: 14px; }
      .join-box-03 .join-table .join-body .more a:hover span {
        color: #0058DB; }
    
    .join-list-12{padding-top:30px;}
    
    .join-list-12 ul{
        display: flex;
        flex-wrap: wrap;
        margin: -10px;
    }
    
    .join-list-12 li{
        flex-basis: 33.3333%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding:10px;
    }
    
    .join-list-12 li .pic{
        width: 66px;
    }
    .join-list-12 li .tit{
        padding-top:10px;
        font-size: 14px;
        color:#fff;
    }
}

@media screen and (min-width: 992px) {
  .join-txt {
    font-size: 16px; }
  .join-list {
    padding-top: 35px; 
  }
    
    .join-list ul {
      margin: -20px; 
      display: flex;}
      .join-list ul li {
        padding: 20px; }
        .join-list ul li .tit{
        padding-top:20px;
        font-size: 22px;
    }
    .join-list ul li .txt{
        padding-top:15px;
    }
  .join-box-02 .swiper-join-pic .swiper-slide {
    width: 420px; }
  .join-box-02 .swiper-join-pic .btn {
    margin-top: -25px; }
    .join-box-02 .swiper-join-pic .btn i {
      width: 50px;
      height: 50px; }
    .join-box-02 .swiper-join-pic .btn i::before {
      font-size: 20px; }
  .join-box-02 .swiper-join-pic .prev-btn {
    left: 20px; }
  .join-box-02 .swiper-join-pic .next-btn {
    right: 20px; }
  .join-box-03 .box-bd {
    padding-top: 0; }
    
.join-box-03 .list {
    padding-top:60px;
}
  .join-box-03 .list ul {
    display: flex; justify-content:center;}
    .join-box-03 .list ul li {
      /*flex: 1; */}
      .join-box-03 .list ul li .item {
        /*padding: 30px 40px; */}
        .join-box-03 .list ul li .item dl dt .tit {
          font-size: 22px; }
  .join-box-03 .join-table .row .col {
    padding: 15px 30px; }
  .join-box-03 .join-table .join-body .row .col {
    padding: 20px 40px; }
  .join-box-03 .join-table .join-body .more a span {
    padding-right: 10px;
    font-size: 16px;
    color: #333; } 
    
    
    .join-list-12 li{
        flex-basis: 16.66667%;
    }
    
    .join-list-12 li .pic{
    }
    .join-list-12 li .tit{
        padding-top:15px;
        font-size: 16px;
    }
}

@media screen and (min-width: 1240px) {
  .join-txt {
    font-size: 18px; }
  .join-list {
    padding-top: 50px; }
    
    .join-list ul {margin:-25px;}
    .join-list ul li{ padding:25px;}
    
        .join-list ul li .tit{
        padding-top:30px;
        font-size: 24px;
    }
    .join-list ul li .txt{
        padding-top:20px;
        font-size:18px;
    }
  .join-box-02 .swiper-join-pic .swiper-slide {
    width: 550px; }
  .join-box-03 .box-bd {
    padding-top: 0; }
  .join-box-03 .join-table .row .col {
    padding: 15px 40px; }
  .join-box-03 .join-table .join-body .more a span {
    padding-right: 10px;
    font-size: 18px;
    color: #333; }
    
    
    .join-list-12 li{
        
    }
    
    .join-list-12 li .pic{
    }
    .join-list-12 li .tit{
        padding-top:20px;
        font-size: 18px;
    }
}

@media screen and (min-width: 320px) {
    
    
    
  .contact-box + .contact-box {
    padding-top: 30px; }
  .contact-box .map-box {
    height: 140px; }
  .contact-box .list {
    border: 1px solid #ddd;
    overflow: hidden; }
    .contact-box .list dl {
      border-left: 1px solid #ddd;
      border-top: 1px solid #ddd;
      margin: -1px 0 0 -1px;
      padding: 20px; }
      .contact-box .list dl dt {
        display: flex;
        align-items: center;
        justify-content: center; }
        .contact-box .list dl dt i {
          width: 60px;
          height: 60px;
          background: #0058DB;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center; }
          .contact-box .list dl dt i::before {
            color: #fff;
            font-size: 30px; }
      .contact-box .list dl dd {
        text-align: center; }
        .contact-box .list dl dd .tit {
          padding-top: 10px;
          line-height: 1.2;
          font-size: 18px;
          color: #00182E; }
        .contact-box .list dl dd .txt {
          padding-top: 10px;
          line-height: 1.2;
          font-size: 14px;
          color: #666; }
          
          
    .contact-box-01 .list-02{
        padding-top:10px;
        border-top: solid 1px #000000;
    }
    
    .contact-box-01 .list-02 .item{
        padding:10px 0;
    }
    .contact-box-01 .list-02 .item:nth-last-child(1){
        padding-bottom:0;
    }
    
    .contact-box-01 .list-02 .item .tit{
        line-height: 1.2;
        font-size: 16px;
        font-weight: bold;
        color: #000000;
    }   
    .contact-box-01 .list-02 .item .txt{
        line-height: 1.2;
        font-size: 14px;
        color: #000000;
        padding-top: 10px;
    }
    
    .contact-box-01 .list-02 a{
        color:#1950DD;
        text-decoration: underline;
    }
          
   .message-box {
    padding-top:30px;}
  .message-box .box-bd {
    padding-top: 0; }
  .message {
    position: relative;
    z-index: 2;
    margin: -10px;}
    .message .col {
      padding: 10px;
      /*display: flex;
      align-items: center;*/ }
    .message .inp::-webkit-input-placeholder, .message .text::-webkit-input-placeholder {
      color: #fff; }
    .message .inp, .message .text {
      width: 100%;
      border: 1px solid #6f6f6f;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 0;
      height: 48px;
      padding: 0 15px;
      color: #fff; }
    .message .text {
      padding: 10px 15px;
      height: 110px; }
    .message .btn {
      height: 48px;
      border-radius: 10px;
      border: none;
      padding: 0 30px;
      margin: 0 auto;
      background: #0058DB;
      color: #fff;
      cursor: pointer; }
  .contact-message {
    padding-top: 0; }
    .contact-message .inp, .contact-message .text {
      border: 1px solid #DDDDDD;
      background: #F5F5F5;
      color: #000; }
    .contact-message .inp::-webkit-input-placeholder, .contact-message .text::-webkit-input-placeholder {
      color: #000; } }

@media screen and (min-width: 992px) {
  .contact-box + .contact-box {
    padding-top: 60px; }
  .contact-box .list {
    display: flex; }
    .contact-box .list dl {
      flex: 1;
      padding: 32px; }
      .contact-box .list dl dd .tit {
        padding-top: 20px;
        font-size: 20px; }
      .contact-box .list dl dd .txt {
        font-size: 16px; }
        
.message-box{
    padding-top:0;
}
  .message-box .box-bd {
    padding-top: 0; }
  .message {
    display: flex;
    flex-wrap: wrap;}
    .message .col {
      flex-basis: 100%;
      flex-shrink: 0; }
    .message .col-06 {
      flex-basis: 50%;
      flex-shrink: 0; }
    .message .inp {
      height: 60px;
      font-size: 16px; }
    .message .text {
      font-size: 16px; }
    .message .btn {
      height: 60px;
      padding: 0 60px;
      font-size: 18px; } 
    
    .contact-box-01 .flex-box{
        display: flex;
        flex-direction: row-reverse;
    }
    
    .contact-box-01 .flex-box .l{
        flex-basis: 50%;
        flex-shrink: 0;
    }
    
    .contact-box-01 .flex-box .r{
        padding-left:60px;
        flex-basis: 50%;
        flex-shrink: 0;
    }
    
    .contact-box-01 .list-02{
        margin: 0;
        padding-top:17px;
    }
    
    .contact-box-01 .list-02 .item{
        padding:13px 0;
    }
    
    
    .contact-box-01 .list-02 .item .tit{
        font-size: 20px;
        font-weight: bold;
    }   
    .contact-box-01 .list-02 .item .txt{
        font-size: 16px;
    }  
    
}

@media screen and (min-width: 1240px) {
  .contact-box + .contact-box {
    padding-top: 80px; }
  .contact-box .list {
    display: flex; }
    .contact-box .list dl {
      flex: 1;
      padding: 32px; }
      .contact-box .list dl dd .tit {
        padding-top: 30px;
        font-size: 22px; }
      .contact-box .list dl dd .txt {
        font-size: 18px; }
  .message-box .box-bd {
    padding-top: 0; } 
    
    
    .contact-box-01 .list-02 .item .tit{
        font-size: 22px;
    }   
    .contact-box-01 .list-02 .item .txt{
        font-size: 18px;
    }  
    
}

@media screen and (min-width: 320px) {
  .table-ovx {
    overflow-x: auto; }
    .table-ovx .products-table {
      width: 100%;
      min-width: 960px; }
      .table-ovx .products-table th, .table-ovx .products-table td {
        border-color: #e1e5e8;
        text-align: center;
        padding: 15px 5px;
        width: 100px;
        font-size: 12px;
        font-weight: normal;
        position: relative; }
      .table-ovx .products-table th {
        background: #0058DB;
        border-color: #0058DB;
        color: #fff; }
      .table-ovx .products-table .indication {
        width: auto;
        text-align: left; }
      .table-ovx .products-table .indication-c {
        text-align: center; }
      .table-ovx .products-table .icon-td {
        width: 120px; }
      .table-ovx .products-table tr:nth-child(even) td:nth-last-child(-n+7) {
        background: #f7fafd; }
      .table-ovx .products-table .line-box {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 50%;
        z-index: 9; }
        .table-ovx .products-table .line-box .line {
          position: absolute;
          height: 20px;
          top: 50%;
          margin-top: -10px;
          left: 0;
          right: 10px;
          background: #27A52A; }
        .table-ovx .products-table .line-box .arrow {
          border-left: 10px solid #27A52A;
          border-top: 10px solid transparent;
          border-bottom: 10px solid transparent;
          position: absolute;
          top: 50%;
          margin-top: -10px;
          right: 0; }
          
          
          .table-ovx .products-table .line-box-02 .line{
              background: #A0CC3F; 
          }
          .table-ovx .products-table .line-box-02 .arrow{
               border-left-color: #A0CC3F; 
          }
          
      .table-ovx .products-table .length-50 {
        width: 50%;
        animation: length-anim-50 .2s,length-anim-op .2s; }
        
      .table-ovx .products-table .length-100 {
        width: 100%;
        animation: length-anim-100 .4s,length-anim-op .2s; }
        
      .table-ovx .products-table .length-125 {
        width: 125%;
        animation: length-anim-125 .5s,length-anim-op .2s; }
        
      .table-ovx .products-table .length-150 {
        width: 150%;
        animation: length-anim-150 .6s,length-anim-op .2s; }
        
      .table-ovx .products-table .length-200 {
        width: 200%;
        animation: length-anim-200 .8s,length-anim-op .2s; }
        
      .table-ovx .products-table .length-250 {
        width: 250%;
        animation: length-anim-250 1s,length-anim-op .2s; }
        
      .table-ovx .products-table .length-275 {
        width: 275%;
        animation: length-anim-275 1.1s,length-anim-op .2s; }
        
      .table-ovx .products-table .length-300 {
        width: 300%;
        animation: length-anim-300 1.2s,length-anim-op .2s; }
        
      .table-ovx .products-table .length-325 {
        width: 325%;
        animation: length-anim-325 1.3s,length-anim-op .2s; }
        
      .table-ovx .products-table .length-350 {
        width: 350%;
        animation: length-anim-350 1.4s,length-anim-op .2s; }
        
      .table-ovx .products-table .length-375 {
        width: 375%;
        animation: length-anim-375 1.5s,length-anim-op .2s; }
        
      .table-ovx .products-table .length-400 {
        width: 400%;
        animation: length-anim-400 1.6s,length-anim-op .2s; }
        
      .table-ovx .products-table .length-425 {
        width: 425%;
        animation: length-anim-425 1.7s,length-anim-op .2s; }
        
      .table-ovx .products-table .length-435 {
        width: 435%;
        animation: length-anim-435 1.75s,length-anim-op .2s; }
        
      .table-ovx .products-table .length-500 {
        width: 500%;
        animation: length-anim-500 2s,length-anim-op .2s; }
        
      .table-ovx .products-table .length-550 {
        width: 550%;
        animation: length-anim-550 2.2s,length-anim-op .2s; }
      .table-ovx .products-table .length-600 {
        width: 600%;
        animation: length-anim-600 2.1s,length-anim-op .2s; }
        
        
  .products-icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: -5px; }
    .products-icon-box .icon {
      display: flex;
      padding: 5px; }
      .products-icon-box .icon i {
        width: 24px;
        height: 24px;
        background-size: cover;
        display: block; }
      .products-icon-box .icon.icon-01 i {
        background-image: url(../img/products-ico-01.png); }
      .products-icon-box .icon.icon-02 i {
        background-image: url(../img/products-ico-02.png); }
      .products-icon-box .icon.icon-03 i {
        background-image: url(../img/products-ico-03.png); }
  .products-icon-box-tips {
    padding-bottom: 30px; }
    .products-icon-box-tips .icon {
      padding: 10px; }
      .products-icon-box-tips .icon span {
        padding-left: 10px;
        font-size: 14px;
        color: #333;
        display: block; } }

@keyframes length-anim-50 {
  from {
    width: 13px; }
  to {
    width: 50%; } }
    
@keyframes length-anim-75 {
  from {
    width: 13px; }
  to {
    width: 75%; } }
    
@keyframes length-anim-100 {
  from {
    width: 13px; }
  to {
    width: 100%; } }
    
@keyframes length-anim-125 {
  from {
    width: 13px; }
  to {
    width: 125%; } }

@keyframes length-anim-150 {
  from {
    width: 13px; }
  to {
    width: 150%; } }

@keyframes length-anim-250 {
  from {
    width: 13px; }
  to {
    width: 250%; } }

@keyframes length-anim-275 {
  from {
    width: 13px; }
  to {
    width: 275%; } }
    
@keyframes length-anim-325 {
  from {
    width: 13px; }
  to {
    width: 325%; } }
    
@keyframes length-anim-350 {
  from {
    width: 13px; }
  to {
    width: 350%; } }
    
@keyframes length-anim-375 {
  from {
    width: 13px; }
  to {
    width: 375%; } }

@keyframes length-anim-425 {
  from {
    width: 13px; }
  to {
    width: 425%; } }
    
@keyframes length-anim-435 {
  from {
    width: 13px; }
  to {
    width: 435%; } }

@keyframes length-anim-450 {
  from {
    width: 13px; }
  to {
    width: 450%; } }

@keyframes length-anim-550 {
  from {
    width: 13px; }
  to {
    width: 550%; } }

@keyframes length-anim-600 {
  from {
    width: 13px; }
  to {
    width: 600%; } }

@keyframes length-anim-op {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@media screen and (min-width: 1240px) {
  .table-ovx .products-table th, .table-ovx .products-table td {
    padding: 11px 10px;
    width: 110px;
    font-size: 14px; }
  .table-ovx .products-table .indication {
    width: auto; }
  .table-ovx .products-table .icon-td {
    width: 140px; }
  .products-icon-box {
    margin: -7px; }
    .products-icon-box .icon {
      padding: 7px; }
  .products-icon-box-tips {
    padding-bottom: 40px;
    margin: -20px; }
    .products-icon-box-tips .icon {
      padding: 20px; }
      .products-icon-box-tips .icon span {
        font-size: 16px; } }

@media screen and (min-width: 1440px) {
  .table-ovx .products-table th, .table-ovx .products-table td {
    padding: 6px 15px;
    width: 120px;
    font-size: 18px; }
  .table-ovx .products-table th {
    padding: 14px 5px; }
  .table-ovx .products-table .indication {
    width: auto; padding-left:15px; padding-right:15px;}
  .table-ovx .products-table .icon-td {
    width: 160px; }
  .products-icon-box {
    margin: -10px; }
    .products-icon-box .icon {
      padding: 10px; }
  .products-icon-box-tips {
    padding-bottom: 40px;
    margin: -32px; }
    .products-icon-box-tips .icon {
      padding: 30px; padding-bottom:20px;}
      .products-icon-box-tips .icon span {
        font-size: 14px; } }
    
    
        
@media screen and (min-width: 320px) {
    .banner-txt-box *{color:#fff; text-shadow: 0 1px 8px #001d92;}/* rgba(0,29,146,.88) */
	.banner-txt-box{padding-bottom: 40px;}
	.banner-txt{ font-size:7.4vw; font-weight:bold;line-height:1.3;}
	.banner-txt-mess{display:flex; align-items:center;}
	.banner-txt-mess i{flex-grow:1; flex-shrink:1; flex-basis:auto; border-top:solid 1px #fff; height:0}
	.banner-txt-mess span{ font-size:3.2vw; flex-shrink:1; text-align:center; padding:0 5px;}
	.banner-tt {font-size:4.2vw;}
	.prod-box .products-icon-box .icon{display:flex;align-items:center;justify-content:center;}
	.prod-box .products-icon-box .icon span{margin: 0 5px;}
	.gybh-box-02 .subheading{color:#fff;}
	.subheading-fff{color:#fff;}
	
}
@media screen and (min-width: 992px) {
    .banner-txt{ font-size:42px;}
    .banner-tt{ font-size:24px;}
	.banner-txt-mess span{font-size:20px; padding:0 20px;}
	.banner-txt-box{max-width:90%;margin:0 auto;padding-bottom: 60px;}
	.banner-box .swiper-banner .swiper-slide .banner-item .banner-mess .banner-link{width:90%; margin: 0 auto;padding-top:0;}
	.banner-box .swiper-banner .swiper-slide .banner-item .banner-mess .banner-txt{max-width:60%;}
}
@media screen and (min-width: 1240px) {
    .banner-tt{ font-size:28px;}
    .banner-txt{ font-size:52px;}
	.banner-txt-mess span{font-size:24px; padding:0 25px;}
}
@media screen and (min-width: 1440px) {
    .banner-txt{ font-size:62px;}
    .banner-tt{ font-size:30px;}
	.banner-txt-mess span{font-size:28px;}
}

/*公司历程-2023-07-03*/
@media screen and (min-width: 320px) {
	.course-bg{ background:url(../img/gybh-box-04-bg.jpg); padding:30px 0; background-size:cover; background-position:center;}
	.course-bg .container{ position:relative;}
	.course-bg .tit b{ color:#333; font-size:24px; /*font-weight:normal;*/ display:block;position:absolute; top:1.5%;left:10px;}
	.course-bg .tit span{ color:#F2F7FD; font-size:50px; text-transform: uppercase; display:block; line-height:1.2;}
	.course-bg .btn{display:none;}
	
	.scroll-box{padding-top:30px;}
	.scroll-box ul{ margin:-5px 0;}
	.scroll-box li{ padding:5px 0;}
	.scroll-box dt{ font-size:16px; color:#0A48C4;}
	.scroll-box dd{ color:#000000; font-size:13px;}
	
	i.pic-scale-course{ padding-bottom:52%;}
	.swiper-pic .pic-box{ border-radius:6px; overflow-y:hidden;}
	.swiper-pic .pic-txt{ text-align:center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top:5px; color:#000000; font-size:12px;}
	
	.swiper-bd{ margin-top:30px; padding:0 40px; position:relative;}
	
	.swiper-btn{ position:absolute; top:50%; margin-top:-30px; border-radius:50%;}
	.swiper-btn i,.swiper-btn i::before{ font-size:30px; line-height:30px; height:30px; width:30px; cursor:pointer;}
	.swiper-btn i::before{color:#0A48C4;}
	.swiper-btn:hover i::before{color:#DC000C;}
	.swiper-prev{ left:0; }
	
	.swiper-next{ right:0; }
	
	.swiper-btn.swiper-button-disabled i::before{color:#BDC7DB; cursor:default;}
	
	.course-pc{display:none;}
}


@media screen and (min-width: 992px) {
	.course-bg{padding:60px 0;overflow:hidden;}
	.swiper-bd{ margin-top:0; position:absolute; width:520px; right:0; bottom:-30px;}
	
	.swiper-pic .pic-txt{font-size:14px;}
	
	.course-bg .btn{display:flex; padding-top:10px;}
	.course-bg .btn div{ margin-right:20px; border-radius:50%;  cursor:pointer;}
	.course-bg .btn i::before{ color:#0A48C4; font-size:18px; }
	.course-bg .btn i{  background:#fff; width:60px; height:60px; display:flex; border-radius:50%; border:solid 1px #E8EEFC; align-items:center; justify-content:center;}
	.course-bg .btn div:hover i{ background:#0A48C4; border-color:#0A48C4;}
	.course-bg .btn div:hover i::before{ color:#fff;}
	
	.course-bg .tit b{ font-size:28px;}
	.course-bg .tit b{top:14%;}
	.course-bg .tit span{font-size:75px;}
	
	.course-t{ position:absolute; left:0; top:0; z-index:2;}
	
		
	.course-mobile{display:none;}
	.course-pc{display:block;}
	
	.step-container{ position:relative; /*overflow:hidden;*/ padding:0;}
	.step-container .step-wrapper{ position:absolute; left:0; bottom:0;}
	.step-container .step-item{ position:relative;}
	.step-container .step-item:nth-child(1) .step-change span{display:none;}
	.step-container .step-change{opacity:0; transition:opacity .2s;}
	.step-container .step-activity .step-change{ opacity:1;}
	
	/*<img src="xiantiao.png" alt="" />*/
	.course-step dt span{position:absolute;left: 10px;top:-22px; width:221px;height:89px;background-image: url(../img/xiantiao.png);}
	.course-step dl{ display:flex; flex-direction:column; align-items:left; }
	.course-step dt{ padding:10px 15px 10px 0; font-size:20px; font-size:16px; color:#0A48C4; width:95px;/* text-align:right;*/ position:relative;}
	.course-step dt:before{content:"";position:absolute; left:0;bottom:-20px;width:18px;height:18px;border:1px solid #0058DB;border-radius:50%;background-color: #FFF;z-index:2;}
	.course-step dt:after{content:"";position:absolute; left:4px;bottom:-16px;width:12px;height:12px;border-radius:50%;background-color: #0058DB;z-index:2;}
	.course-step dd{ padding:40px 0 0px 0px; display:flex; align-items:center;position:relative; width:235px; color:#000; font-size:13px;}
	.course-step dd div{max-height:100px; line-height:1.4; text-align:justify;max-width:200px;}
	.course-step dd i{ content:' '; position:absolute; left:0; top:0; /*border-top:solid 2px #0A48C4; border-left:solid 2px #0A48C4;*/}
	
	.course-step dd div *{font-size:14px !important; line-height:1.5;}
	
	.course-pc .step-icon{position:relative; top:0;}
	.course-pc .step-icon::after{ content:' '; width:2px; height:30px; display:block; background:#0A48C4;}
	.course-pc .step-icon i{ background-color:#0A48C4; width:32px; height:32px; display:flex; align-items:center; justify-content:center; background-repeat:no-repeat; border-radius:50%; margin-left:-16px;}
	.course-pc .step-icon i::before{ color:#fff; font-size:20px; line-height:20px;}
	
	.course-bg .btn .step-disabled{ /*cursor:default;*/}
	.course-bg .btn .step-disabled i::before{color:#BDC7DB;}
	/*.course-bg .btn .step-disabled:hover i{ background:#fff; border-color:#E8EEFC;}
    .course-bg .btn .step-disabled:hover i::before{ color:#BDC7DB;}*/
	.prev{transform: rotate(180deg);}
}


@media screen and (min-width: 1260px) {
	.course-bg{padding:100px 0;}
	.swiper-bd{ width:640px;}
	/*.course-bg .tit span{padding-top:40px;}*/
	.course-bg .tit b{ font-size:32px;}
	.course-bg .tit span{font-size:100px;}
	
	.course-bg .btn i{ width:70px; height:70px;}
	.course-bg .btn i::before{ font-size:22px; }
	
	.course-step dt{ font-size:22px; width:125px;}
	.course-step dd{ font-size:14px;}
	
	
	.course-step dd{ width:350px;}
}


@media screen and (min-width: 1440px) {
    .course-bg{padding:100px 0;}
	.course-step dd{ width:350px; font-size:15px;}
	.swiper-bd{ width:700px;}
}